import React, { Component } from 'react'

export default class List extends Component {
  // constructor(props) {
  //   super(props)
  //   console.log(this.props)
  // }
  render() {
    // console.log(this.props)
    // this.props.num = 2
    // this.props.obj.name = 'ls'
    // this.props.obj = { name: 'ls' }
    return (
      <div>
        <p>{this.props.num}</p>
        <p>{this.props.obj.name}</p>
        <ul>
          {this.props.xxx.map((item, index) => {
            return <li key={index}>{item}</li>
          })}
        </ul>

        {/* 渲染一个传递过来的 虚拟dom */}
        {this.props.ele}
        {/* 渲染组件 */}
        <this.props.comp></this.props.comp>
        {/* 渲染组件实例 */}
        {this.props.comInstance}
      </div>
    )
  }
}
